<template>
	<view class="wrap">
		<view class=" xc-fixed" style="width: 750rpx;height: 346rpx;background-image: url(../../static/home1/bj.png);background-size: 100% 100%;">
			<u-navbar :is-back="false" :borderBottom='false' :background="{
			 background:'rgba(255,255,255,0)'
		}">
				<view class="" slot="right">
					<image src="../../static/inquiry/xiaoxi.png" class="xc-w-20 xc-h-20" mode="aspectFit"></image>
					<image d src="../../static/inquiry/tongzhi.png" class="xc-w-20 xc-h-20 xc-margin-lr-15" mode="aspectFit"></image>
				</view>
			</u-navbar>
		</view>
		<view class="" style="height: 126rpx;">
		</view>
		<!--  -->
		<view class=" xc-flex align-center justify-center">
			<u-swiper :borderRadius="20" style="width: 690rpx;" height="320" :list="banner" mode="dot" indicator-pos="bottomRight"></u-swiper>
		</view>
		<!--  -->
		<view class="xc-flex xc-padding-15 xc-flex-row-between">
			<view class="xc-flex xc-flex-column bg-white xc-radius-5 align-center" style="width: 334rpx;height: 336rpx;">
				<view class=" xc-flex xc-h-40 align-center  xc-padding-lr-15">
				</view>
				<image class="xc-w-50 xc-h-50" src="../../static/home1/ico-xjxt.png" mode=""></image>
				<text class="xc-text-18 xc-c-333 text-bold xc-margin-t-30" style="line-height: 50rpx;">询价系统</text>
			</view>
			<view class="xc-flex xc-flex-column bg-white xc-radius-5 align-center" style="width: 334rpx;height: 336rpx;">
				<view class=" xc-flex xc-h-40 align-center  xc-padding-lr-15">
					<text class="dot"></text>
					<text class=" xc-text-12 xc-margin-l-10" style="color: #d5d5d5;"> 您有订单状态更新</text>
				</view>
				<image class="xc-w-50 xc-h-50" src="../../static/home1/ico-wddd.png" mode=""></image>
				<text class="xc-text-18 xc-c-333 text-bold xc-margin-t-30" style="line-height: 50rpx;">我的订单</text>
			</view>
		</view>
		<!--  -->
		<view class="xc-flex xc-flex-column xc-padding-lr-15 bg-white">
			<u-tabs active-color="#2A4E7C" :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
			<view class="">
				<image style="width: 690rpx;height: 382rpx;" src="../../static/home1/banner.png" mode="aspectFit"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				banner: [{
					image: '/static/home1/banner.png'
				}],
				list: [{
						name: '推荐'
					},
					{
						name: '问答'
					},
					{
						name: '教程'
					},
					{
						name: '日记'
					},
				],
				current: 0,
				templateAll:`
				<template>
	<view class="wrap">
		<view class=" xc-fixed" style="width: 750rpx;height: 346rpx;background-image: url(../../static/home1/bj.png);background-size: 100% 100%;">
			<u-navbar :is-back="false" :borderBottom='false' :background="{
			 background:'rgba(255,255,255,0)'
		}">
				<view class="" slot="right">
					<image src="../../static/inquiry/xiaoxi.png" class="xc-w-20 xc-h-20" mode="aspectFit"></image>
					<image d src="../../static/inquiry/tongzhi.png" class="xc-w-20 xc-h-20 xc-margin-lr-15" mode="aspectFit"></image>
				</view>
			</u-navbar>
		</view>
		<view class="" style="height: 126rpx;">
		</view>
		<!--  -->
		<view class=" xc-flex align-center justify-center">
			<u-swiper :borderRadius="20" style="width: 690rpx;" height="320" :list="banner" mode="dot" indicator-pos="bottomRight"></u-swiper>
		</view>
		<!--  -->
		<view class="xc-flex xc-padding-15 xc-flex-row-between">
			<view class="xc-flex xc-flex-column bg-white xc-radius-5 align-center" style="width: 334rpx;height: 336rpx;">
				<view class=" xc-flex xc-h-40 align-center  xc-padding-lr-15">
				</view>
				<image class="xc-w-50 xc-h-50" src="../../static/home1/ico-xjxt.png" mode=""></image>
				<text class="xc-text-18 xc-c-333 text-bold xc-margin-t-30" style="line-height: 50rpx;">询价系统</text>
			</view>
			<view class="xc-flex xc-flex-column bg-white xc-radius-5 align-center" style="width: 334rpx;height: 336rpx;">
				<view class=" xc-flex xc-h-40 align-center  xc-padding-lr-15">
					<text class="dot"></text>
					<text class=" xc-text-12 xc-margin-l-10" style="color: #d5d5d5;"> 您有订单状态更新</text>
				</view>
				<image class="xc-w-50 xc-h-50" src="../../static/home1/ico-wddd.png" mode=""></image>
				<text class="xc-text-18 xc-c-333 text-bold xc-margin-t-30" style="line-height: 50rpx;">我的订单</text>
			</view>
		</view>
		<!--  -->
		<view class="xc-flex xc-flex-column xc-padding-lr-15 bg-white">
			<u-tabs active-color="#2A4E7C" :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
			<view class="">
				<image style="width: 690rpx;height: 382rpx;" src="../../static/home1/banner.png" mode="aspectFit"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				banner: [{
					image: '/static/home1/banner.png'
				}],
				list: [{
						name: '推荐'
					},
					{
						name: '问答'
					},
					{
						name: '教程'
					},
					{
						name: '日记'
					},
				],
				current: 0,
			}
		},
		methods: {
			change(e) {
				this.current = e;
			}
		}
	}
</ script>

<style scoped>
	.dot {
		width: 14rpx;
		height: 14rpx;
		background: #FF3C3C;
		border-radius: 50%;
	}
</style>

				
				`
			}
		},
		methods: {
			change(e) {
				this.current = e;
			}
		}
	}
</script>

<style scoped>
	.dot {
		width: 14rpx;
		height: 14rpx;
		background: #FF3C3C;
		border-radius: 50%;
	}
</style>
